<template>
    <van-tabbar v-model="bar_active" active-color="#FC605A">
        <van-tabbar-item name="home" icon="home-o" @click="toIndex()">首页</van-tabbar-item>
        <van-tabbar-item name="category" icon="apps-o" @click="toCate()">分类</van-tabbar-item>
        <van-tabbar-item name="cart" icon="shopping-cart-o" @click="toCart()">购物车</van-tabbar-item>
        <van-tabbar-item name="my" icon="manager-o" @click="toMy()">个人中心</van-tabbar-item>
    </van-tabbar>
</template>
<script>
	export default {
		data () {
			return {
				bar_active: 'home'
			}
		},
		methods: {
			toIndex: function () {
				this.$router.push('index')
			},
			toCate: function () {
				this.$router.push('category')
			},
			toCart: function () {
				this.$router.push('cart')
			},
			toMy: function () {
				this.$router.push('my')
			}
		}
	}
</script>
<style>

</style>
